<html>
	<head>
		<meta charset="utf-8" />
		<title>jQuery Unserialize plugin demo</title>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
		<!-- script type="text/javascript" src="https://raw.github.com/Canta/unserialize/master/unserialize.jquery.latest.js"></script-->
		<script type="text/javascript" src="unserialize.jquery.latest.js"></script>
	</head>
	<body>
		
		<h2>Test form</h2>
		<h3>open your browser's javascript console, and play with <i>$("#testform").serialize()</i> and <i>$("#testform").unserialize(str)</i></h3>
		<form id="testform">
			testvar1:<input type="text" value="1" name="testvar1" /><br/>
			testvar2<input type="text" value="A" name="testvar2" /><br/>
			<hr/>
			testvar3:<br>
			<input type="checkbox" value="9" name="testvar3[]" />"9"<br/>
			<input type="checkbox" value="10" name="testvar3[]" />"10"<br/>
			<hr/>
			testvar4:
			<select name="testvar4">
				<option value="0">zero</option>
				<option value="1">one</option>
				<option value="2">two</option>
			</select>
			<hr/>
			testvar5:<br/>
			<textarea name="textvar5">Hi there :3</textarea>
			<hr/>
			testvar6:
			<select name="testvar6[]" multiple size=5>
				<option value="0">zero</option>
				<option value="1">one</option>
				<option value="2">two</option>
				<option value="3">three</option>
				<option value="4">four</option>
				<option value="5">five</option>
				<option value="6">six</option>
				<option value="7">seven</option>
				<option value="8">eight</option>
			</select>
		</form>
		
	</body>
</html>
